<template>
    <el-dialog
        :visible.sync="dialogSetFinance"
        append-to-body
        width="360px"
        title="设置收款账户"
        center
        @close="fnClose()"
    >
        <div class="zd-dialog">
            <img
                src="@/assets/image/waring.png"
                alt="加载失败"
                class="zd-dialog-logo"
            >
            <h2 class="zd-dialog-title">
                请设置财务手机号
            </h2>
            <p class="zd-dialog-text">
                您的财务手机号还未设置，请先设置财务手机号，再进行账户设置
            </p>
        </div>
        <div class="zd-dialog-foot">
            <el-button
                type="primary"
                size="small"
                style="width:180px"
                @click="()=>{
                    this.$router.push({
                        name: 'manage-market-componey-info',
                        query: {
                            form: true
                        }
                    })
                }"
            >
                去设置
            </el-button>
        </div>
    </el-dialog>
</template>

<script>
export default {
    name: 'SetFinancePhone',
    props: {
        dialogSetFinance: {
            type: Boolean,
            default: false
        }
    },
    methods: {
        fnClose () {
            this.$router.push({
                name: 'manage-lead'
            });
        }
    }
};
</script>

<style scoped>
.zd-dialog {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.zd-dialog-logo {
    width: 48px;
    height: 48px;
    margin-bottom: 12px;
}
.zd-dialog-title {
    color: #333333;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 16px;
}
.zd-dialog-text {
    width: 226px;
    font-size: 14px;
    color: #333;
    line-height: 23px;
    text-align: center;
}
.zd-dialog-foot {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 24px;
    margin-bottom: 10px;
}
</style>>